import React from "react";
import { Toast, NavBar } from 'react-vant';
import Looss from '../../css/LSz/LHome.module.css'
import { Arrow, Sort, Replay, ChatO } from '@react-vant/icons';
import { Space } from 'react-vant'
import {useNavigate} from 'react-router-dom'
function App() {
    let navigation = useNavigate()
    let lists = [ '草图', '平面图', '立面图', '户型模型', '平面布局', '测量清单', '现场照片', '分享', '设计图' ]
    let tii= (ss)=>{
        if(ss == '草图'){
            navigation('/Niux/hu1')
        }
        if(ss == '立面图'){
           navigation('/sand')
        }
    }
    return (
        <div>
            {/* 标头 */ }
            <div> <NavBar
                title="查看量房"
                rightText="提交测量"
                onClickLeft={ () => Toast( '返回' ) }
                onClickRight={ () => Toast( '按钮' ) }
            /></div>
            <div className={ `${Looss.deee}` }>
                <img className={ `${Looss.imss}` } src="https://tse1-mm.cn.bing.net/th/id/OIP-C.unIiXylyGmJa4YpC-LqWOgHaFj?rs=1&pid=ImgDetMain" alt="" />
            </div>

            <div className={ Looss.divs2 }>
                <div>
                    <p style={ { fontSize: "1.8rem" } }>高盛科技园 一室一厅</p>
                    <p style={ { color: "#999", fontSize: "1.4rem" } }>李先生 2024-11-12</p>
                </div>
                <div>
                    <Replay fontSize='2rem' />
                </div>
            </div>

            <div className={ `${Looss.cuu}` }>
                {
                    lists.map( ( item, index ) => {
                        return (
                            <div key={ index } onClick={()=>tii(item)} className={ `${Looss.cts}` }>
                                {item}
                            </div>
                        )
                    } )
                }


            </div>


        </div>
    )
}
export default App;